<template>
	<div class="list-block media-list">
		<themeHeader title="常见问题"></themeHeader>
    <ul class="help-ul">
      <li v-for="item in helpItems" @click="about(item.id)">
        <router-link to="/about" class="item-link item-content">       
            <div class="item-text help-text">{{item.text}}</div>
            <span class="icon icon-right"></span>
        </router-link>
      </li>
    </ul>
  </div>
</template>
<style type="text/css">
	.help-ul{
		top: 0.35rem;
		width: 100%;
	}
	.help-ul li{
		border-bottom: 0.01rem solid #ddd;
	}
	.help-ul li .item-text{
		font-size: 0.8rem;
		min-height: 0.5rem;
		min-width: 80%;
		width: 20rem;
		height: 1rem;
		line-height: 1.2rem;
	}
	.icon-down,
	.icon-right{
		margin-left: 10%;
	}
</style>
<script type="text/javascript">
import ThemeHeader from "./../../home/component/themeHeader.vue";
export default {
	components:{
		ThemeHeader,
		// require,
	},
	mounted(){
		// $("#my-input").calendar({
		//     value: ['2015-12-05']
		// });
	},
	methods:{
		about:function(id){
			localStorage.id = id;
			// this.$router.push({
				// path:"/about",
				// params:{id:id},
			// })
		}
	},
	data(){
		return{
			helpItems:[
				{id:1,text:"配送运费如何收取,多少钱包邮?",},
				{id:2,text:"下单后何时可以送达?",},
				{id:3,text:"如何申请退换货?",},
				{id:4,text:"退款何时到账",},
				{id:5,text:"更多?",},
				]
			}
		},
}
</script>